<template>
	<view class="content">
		<view class="top" @click="active">
			<image :src="$host+'act1.jpg'" mode="widthFix"></image>
		</view>
		<view class="middle" @click="makemoney">
				<image :src="$host+'act2.jpg'" mode=""></image>
		</view>
		<view class="bottom">
			
			<image :src="$host+'act3.jpg'" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			
			return{
				$host:this.$host
			}
		},
		methods:{
				
			active(){
				uni.navigateTo({
					url:"/pages/bannerTwo/index"
				})
			},
			makemoney(){
				uni.navigateTo({
					url:"/pages/mine/makemoney"
				})
			}
		}
	}
</script>

<style>
	.top{
		background-color: #f6f6f6;
		margin-top: 4rpx;
	}
	.top>image{
		width: 100%;
	}
	.middle{
		text-align: center;
	}
	.middle>image{
		 width: 365px;	
	}
	.bottom{
		width: 100%; 
		height: 226rpx;
		background-color:#f6f6f6 ;
		text-align: center;
	}
	.bottom>image{
		width: 306rpx;
		margin-top: 10px;
		
	}
</style>